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yJp^lF^LfiwL/Jl^i._✓£y>-Radial gradient 

<canvas id="canv" width="300" ,0> 

height="200"></canvas> Linear Gradient^? 

<script> . ) wJCi/^L/l-^^ycreateLinearGradienP^wTi 

var c=document.getElerl^iffiyld("canv"); d 1 -^- fIf addColorStop^<^./'« 

var context=c.getContext("2d"); 
var my_gradien 

t=context.createLinearGradient(0,0,300,200); context.createLinearGradient(x0,y0,x1 ,y1); 
my_gradient.addColorStop(0,"white"); 
my_gradient.addColorStop(1,"black"); 
context.fillStyle = my_gradient; 
context.fillRect(0, 0, 300, 200); 

</script> 
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tfj/Jl* 5 '! /r'^i i/*£blf/ 


gradient.addColorStop(stop,color); 
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var c=document.getElementByld("canv"); 
var context=c.getContext( ,, 2d"); 
var my_gradient= 

context.createRadialGradient(75,100,20,90,60,200) 
my_gradient.addColorStop(0,"white"); 

my_gradient.addColorStop(1 ."black”); i 

context.fillStyle = mygradient; ' 

context.fillRect(10, 20, 300, 200); 

</script> iijZjfr 

t'J&jj JAf- dr£)‘<=- Jtnj&Jrj* <f\Z JtJv cif* context! 

<z\J. £> i-x Z_/J t 5 '! /Jt> i/ 1 A -f- JcreateLine^fo^dienL(^Zl</f-l/ 
tfZAj^y^addColorStop A *±&if A* 2-f 

JA stop (Jd 1 *U^Aj£JA>^A^4_AaddColorStop 
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r^t/^V^er^itePattern J^f^createRadialGradierftAZlij'L^l-Kyi 
context.createPattern(imag£e^>jT repeatOption); -l£<Z-A 

imagery 



context.createRadialGradient(x0,y0,r0,x1 ,y1 ,r1); 
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<canvas id="canv" width="300" 
height="200"></canvas> 
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<canvas id="canv" width="300'' 
height="200"></canvas> 
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<canvas id-'canv" width =,, 300" 
height=”200"></canvas> 

<script> „fe V 

var c=document.getElementByld( 
"canv"); 

e>^2d"); 

new Im a^()! 


<img src="star.pr^^!i="pattern_image" 
style-'dieoia^pone;" /> 

<script> ^ 

ent.getElementByld("canv"); 
ext=c.getContext("2d"); 


var context=c.getCor)text(* 

A/ 


0> img=document.getElementByld 
) ^("patternjmage"); 

var my_pattern=context.createPattern( 
img,"repeat"); 
context.rect(0, 0, 300, 200); 
context.fillStyle = my_pattern; 
context.fill(); 


img.src = 'http://127.0.0.1:8080/ 

html5/star.png'; 

img.onload = function() { 

</script> 

' 

Q Untitled Document x v 
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var my_pattern=context.createPattern( 

img,"repeat"); 

context.rect(0, 0, 300, 200); 



context.fillStyle = mypattern; 

context.fill(); 

} 
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<script> 

var c=document.getElementByld( ,, canv"); 
var context=c.getContext("2d"); 
var img = new lmage(); 
img.src = 'http://127.0.0.1:8080/ 
html5/beach.jpg'; 
img.onload = function() { 
context.drawlmage(imgl ! 0,10); 

} 

</script> 
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<canvas id="canv" width="300" height= ,, 300" 
style=”border:1px solid #F00;"></canvas> 
<script> 

var c=document.getElementByld("canv"); 

var context=c.getContext("2d"); 

var img = new lmage(); 

img.src = *http://127.0.0.1:8080/html5/ 


<canvas id-'canv" width="300" height="300" 
style="border:1px solid #F00;"></canvas> 
<script> 

var c=document.getElementByld("canv"); 
var context=c.getContext("2d"); 
var img = new lmage(); 
img.src = 

'http://127.0.0.1:8080/html5/beach.jpg'; 
img.onload = function() { 
context. drawlmage( 


beach.jpg'; 


img,10,10,250,170); 
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img.onload = function() { 

context.drawlmage(img,100, 

90,200,200,10,10,250,170); 


</script> 
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<canvas id="can\^^dth="400" height="40( 
style="border.’iox^olid #F00;"></canvas> 
<script> ^ 

var c=dacbment.getElementByld("canv"); 
var context=c.getContext("2d"); 
img = new lmage(); 

^mg.src = 'http://127.0.0.1:8080/html5/ 
star.png'; 

img.onload = function() { 
for (var x = 0, y = 0; 

x < 300 && y < 300; 
x+= 32, y+= 18) { 
context.drawlmage(img,x,y,32, 32); 
context.drawlmage(img,y,x,32, 32); 

} 
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</script> 
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Jtf'iX-f- t-lf L/J , |^_/jj 4( £|/i-^lr^^l^icr^B / array()^ r i-^/u;^/ 1 
it (j If (J k./ vA K>A/rjk 1 (4 *- <£- 4''O^ -<£. 

-<£_j.>r&i/i=_0 /^W-value^}ikeyj3L ( ^'Z_^^(^iiJiCi_ ; /i/' 

arrayOi-^kA/ 1 ^ ^ 
foreach/jAfS^/'jA-yk^b' 

Jti/ut <s J**- ZrAJj b^my f/rs&fehr 

$arrayname[index]; 

■■<Cjf^)/4)1,XjjSi 


(Numeric Arra^/i,-^.1 

(Assosicative Array^/i^i/Ai.2 

(Multidimensional arra^£_/i.3 

^Jyti 


echo $num[0]; 
echo $num[1]; 
echo $num[2]; 
echo $num[3]; 
echo $num[4]; 

yij&>tf‘m6e'xJ\sJl'<Cyr>2L-ii£-io'reachi^'\/\ 

foreach^^Lilj'iy 

foreach ($num as $i=>$v) 

- JL lf*l;/& jd$vviicX>'<J^ 'C. A / 1 


/A> ifbfjt.t-sl-c- tx/jyjZfrjLi-jL 
<=_ ./V& U-f_ Jjj/1 yi (A'jZj:\ tij-\ZLL i_/Ji* 

-tf-fcW&J/ 

:«> 

<?php 

$num = array( 1, 2, 3, 4, 5, 6, 7, 8, 9); 
foreach( $num as $n ) 

{ 

echo "Index value is $n <br />";} ?> 








s~i key yt/j-i key S-^i}j 


<?php 

$test = array(1=>"A","B",3=>"C"); 
print_r($test); 

?> 

j >»> fi y 3 j)t 1 ^/' 

:{L.p%4$J*jTlJl*CjC,‘L/l-lIvA/jri 

Array 

( 

[1] => A 

[2] => B 

[3] => C 

) 


X> 




<?php 

$ages = array( 

"Ali" => 18, 

"Faizan" => 19, 

"Asghar" =>18 

); 

foreach( Sages as $name=>$age ) 

{ 

echo "Student Name is Sname and his age 
is Sage <br />”; 

} 

?> 

^/Jl^i/iyjrC^/^wpt/^^arrayO^Tyi ) w\ * 

yy J>L key l j£jt\A <f_ i/'d* V; -Juljjftc-jZfrlgjJidJ *-l jbi/C&LJtf 

(‘‘A” alue^ikeyz_^^L/^4- J ^ foreact A ^ A 

i/i(j^y<Co^echo $ages['Ali’£y3yyi(j£jl>A* - l£ j k ey 1 2-■ I*iw T jLp fc>r 

-■ -»C- t>r^ U- T»^ L j tXJ ^ (^U'» 

<jdT f<p_ t>r (/* A^-/* jj*’ Uvr ^ "l£ a>j3^SiJ“^ !/^ J* 

{f key(3<i<(/:(jr‘^-t>r<^ylJflj/i£/l> 

(jA'’J** i- I'** -Jt ft &^ 

$_get^i$_post 

_ (.£ Z-»ff t^. j»^h Jyj I (Jv*f 

-f-$_GE1[/L%2? $_GET[querystring^V> 

:2ClblJ.j£v ^ i/«^_ querystringft key J"t JJ s?.? JL t—A 


< 43 ti.lttai 



-t/tfIf- 

:J 0 

<?php 

$a = array("a","b" 1 "c","d","e"); 

$b = array_chunk($a,2, true); 
print_r($b); 

?> 

LjCTyi-t^yK/ 1 


<?php 

$class = array ( 

"A" => array("Ali" => "12", "Farrukh" => 
'll", "Khursheed" => "11"), 

"B" => array("Zara" => "11", "Maha" => 
•11", "Zainab” => "10"), 

"C" => array("Junaid" => "11", "Azam" = 
’10", "Faizan" => "11"), 


Array 

( 

[0] => Array 

( 

[0] => a 

[1] => b 

) 

[1] => Array 

( 

[2] =>c 

[3] => d 

) 

[2] => Array 

( 

[4] => e 


); 

foreach( $class as $section=>$students ) 

{ 

echo "Section i ction<br />"; 

foreach(»^^uJ)ents as $name=>$age ) 

$age<6^S"; 


•"Student Name: $name | Age: 




y » 


-s^ & 


) ^ ) 

array_chur\Vf 

array_combine() 

key li* tb t: cr^L 

:Ji> 

<?php 

$a = array(19,13,30); 



kA/i_ \/ jft/ >A£ 

array_chunk() 

16 c4r -f - 1 j i/cTo^ 

ftlW44) 




?<=_ ix Ji^w tfiifyr ji ^rjul/x wt/i li > 

\js/tj^[J./^\j:<!^/\±.j)L. or^ spiit()iCi-^^ T 

-<?_ ifff.}S^7^j r /J./(y^ r AL 

array_diff() 

J'l? keys {fidij)ijj^sf\?mj£ c/^- ^df- J l/‘^—/ 1 c/V" 
<?php 


$b = array("Ali ,, ,"Faizan", , 'Khursheed"); 
$c = array_combine($a, $b); 
print_r($c); 

?> 

- L. 

Array 

( 

[19] => Ali 
[13] => Faizan 
[30] => Khursheed 


$a = array("a","b","c","e"); 
$b = array("a",”c","d"); 

$c = array_diff($a, $b); 
print_r($c); 


:6La^jt 


o,V 


Array 

( 

[1] => b 

[3] => e 

2^^f*L5U“ 'd’tf 

tSzr> 'A-d*d ^d 

array_fill() 

dlJs/J^A l^_yi£_ <=_ (Jl^/r^M JjL^_ tJ'Jifj/Z 

:J* 

<?php 

$a = array_fill(3, 4, ’computing'); 
print_r($a); 

?> 

< 4b imufc 


J t $a-<=_ [vx d’lj ^ 

<^yi $ b»ikeys 4—fd 

array_count_values() 

jJ J £ £}\$3&i(y>£li'jZ*-J lTcT^I 

-> iA£ ^_y i 1 i/i j t/d/iJ 

Jitx‘vlx"apple']t^iJi<^ i /l(/ J, 


: J£* 

<?php 

$a = arrayfa'V'b'V'c'V’b'V'a'V'd"); 

$b = array_count_values($a); 
print_r($b); ?> 







print_r(array_keys($a)); 


[3] => computing 

[4] => computing 

[5] => computing 

[6] => computing 


keys ijs> jCy $_S E RVER-^f 

array_pop() 


^iX'computingL^ 

" jtLtf? 

array. _key_exists() 

J^>iikeyi/tcfcr^ 

-falseX^^fffy/fevtru e tf Jk>.£*vX 11 keyTl 




<?p|W^ 

:Ji> = array("Ali"=>"18'tyloeerY=>"20", 

p > ^^^ , Hasan n =>"19); 

$fruits = array("orange", "banana", if(array_key_exists('Ali',$a)){ 


$f = array_pop($fruits); 


[1] => banana 

[2] => apple 

) 

_ jXaspberryXi/X'J^SfX 

array_push() 

}'L <-s\!Lj>L (/(-<£_ <Xi L cr^s- 


fc/cJyb false c^rV 1 cT^ isset()y^ nullX 
-^fcX^vtruecr^ 

array_keys() 

f^jt^yl$_G El$_PO Ji/'-f-I t/ 

ffcZl 1 fJ 15 ijs>* - Jt l*<£. J/i 


$a = array("a","b' , , ,, c","d","e"); 




Array 

( 

[0] => 0 
[1] => 1 

) 

array_flip() 

J> <=_ keys fjjki ^4^- cr^i 

keysyii<=_fej 

=J* 


=J* 

<?php 

$fruits = array("orange", "banana”, 
"apple"); 

array_push($fruits,"raspberry"); 
print_r($fruits); 

?> 

Array 

( 


<?php 

$fruits = arrayforange", "banana", 
"apple","grapes", "raspberry"); 

$a = array_flip($fruits); 
print_r($a); 

?> 

Array 

( 

[orange] => 0 
[banana] => 1 
[apple] => 2 
[grapes] => 3 
[raspberry] => 4 

) 

keyi^/b^ J/T 

count() 

I iSii'Ji 1 (j\fC 

< 4/ mn.m~ 


randomly^ 

J"~ {f't—sUs Us _<£_ I &» cT^L -<£_ 

up* iC* I/*? 

keytf JtffcJ/'cr^Jte-lf 

:J* 

<?php 

$fruits = array("orange", "banana”, 
"apple","grapes", "raspberry"); 

$rand = array_rand($fruits,2); 
print_r($-and); 

?> 



[0] => orange 

[1] => banana ^ 

[2] => v apple' 

[3] =j 


JOtyK 15^-/■«<£ a rra y_p u s 0‘<=_ jriw-f 

lS " 


v c 

r>y 


array_rand() 
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